<template>
  <div>
    <button @click="addAddfn">加一</button>
    <div>年龄{{ age }}</div>
  </div>
</template>
<script setup lang="ts"  name= "person555">
import { ref } from "vue"; //简单数据类型引入响应式方式
//  let age.value =ref(15) ;//这样貌似不太合理呀定义变量的时候
let age = ref(15); //模板template，里面直接拿就行啦  只有方法里面需要.value 不加ref则不是响应式的哈哈
console.log("666", age); //目前打印这个数据已经不单纯啦  他已经成相应势的啦。他是个对象  只是使用 方式要加上.value
function addAddfn() {
  age.value = age.value + 1; //因此这样比较合理  目前已经实现响应式啦  不这样写 你打印数据其实已经改啦 只是vue他不认
  console.log("666", age);
}
</script>